<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>报警监控系统</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.4 -->
    <link href="/static/resource/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/static/resource/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
    <link href="/static/resource/dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" />

    <!-- REQUIRED JS SCRIPTS -->

    <!-- jQuery 2.1.4 -->
    <script src="/static/resource/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="/static/resource/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src="/static/resource/dist/js/app.min.js" type="text/javascript"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-page">
    <div class="login-box">
      <div class="login-logo">
        <b>IOTeam</b>报警监控系统
      </div><!-- /.login-logo -->
      <div class="login-box-body">
        <p class="login-box-msg">开始登录</p>
        <form method="post">
          <div class="form-group has-feedback">
            <input type="text" name="username" value="{{.POST.username}}" class="form-control" placeholder="用户名">
            <span class="glyphicon glyphicon-user form-control-feedback"></span>
          </div>
          <div class="form-group has-feedback">
            <input type="password" name="password" class="form-control" placeholder="密码">
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
          </div>
          <div class="row">
            <div class="col-xs-8">
            </div><!-- /.col -->
            <div class="col-xs-4">
              <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
            </div><!-- /.col -->
          </div>
          <div class="row" style="margin-top:20px;">
            <div class="col-xs-6" style="text-align:center;">
            <i class="fa fa-fw fa-apple"></i><a href="itms-services://?action=download-manifest&url=https%3a%2f%2falarmservice.heclouds.com%2fstatic%2fapps%2fIOTeamAlarm.plist">IOS APP下载</a>
            </div>
            <div class="col-xs-6"  style="text-align:center;">
            <i class="fa fa-fw fa-android"></i><a href="http://alarmservice.heclouds.com/static/apps/IOTeamAlarm.apk">Android APP下载</a>
            </div>
          </div>
        </form>

      </div><!-- /.login-box-body -->
    </div><!-- /.login-box -->
</body>
</html>